.mt-list {
  height: 100%;
  // transform: none !important;
  display: flex;
  flex-direction: column;
  flex: 1;
  &_tit {
    height: 33px;
    font-size: 24px;
    font-weight: bold;
    color: #191C22;
    line-height: 33px;
  }

  /* 列表头部 */
  &-head {
    display: flex;
    height: 3rem;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 2rem;

    /* 列表头部筛选部分 */
    &-form {
      // width: 100%;
      .el-form {
        width: 100%;
      }
      .el-row {
        width: 100%;
      }
    }

    /* 列表头部操作按钮 */
    &-tools {
      display: flex;
      justify-content: flex-end;
      .mt-list-head-tools_refresh {
        font-size: 24px;
        margin-left: 20px;
        margin-top: 2px;
        cursor: pointer;
      }
    }
  }

  /* 列表头部框 */
  &-filter {
    border: 1px solid $light-gray;
    padding: 2rem 1rem 1rem 1rem;
    margin-bottom: 2rem;
    &-btn {
      display: flex;
      justify-content: flex-end;
      margin-right: 2rem;
    }
  }

  /* 列表 */
  &-table {
    width: 100%;
    flex-grow: 1;
    .el-table {
      height: 100%;
    }
  }

  /* 带Tab的列表 */
  &-tabtable {
  }

  /* 底部分页 */
  &-footer {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    height: 3.2rem;
    margin-top: 2rem;

    .totaldata {
      line-height: 3.2rem;
      font-size: 14px;
      color: rgba(25, 28, 34, 0.8);
    }

    &.fixed {
      position: fixed;
      bottom: 0;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 0 18px #e5e5e5;
      right: 0;
      padding: 24px 48px;
      z-index: 9;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      & .right {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
    .flow-status-list {
      list-style-type: none;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      li {
        margin-right: 16px;
        color: rgba($black, 0.8);
        font-size: 12px;
      }
    }
  }
  .nowFlow-class {
    width: 40px;
    background: rgba(125,193,151,0.18);
    // border-radius: 11px;
    // border: 1px solid #00AA65;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(101, 173, 129, 1);
    line-height: 16px;
    padding: 3px 6px;
    &.over {
      color: $blue;
      background: rgba($blue, 0.18);
    }
    &.inprogress {
      color: $green;
      background: rgba($green, 0.18);
    }
    &.pause {
      color: $yellow;
      background: rgba($yellow, 0.18);
    }
    &.suspend {
      color: rgba(149,129,225, 1);
      background: rgba(149,129,225, 0.18);
    }
  }
  .btn-tools, .btn-tools-select {
    margin-top: -46px;
    .mt-input {
      width: 20rem !important;
    }
  }
  .btn-tools-select {
    .mt-select, .mt-cascader {
      margin-right: 10px;
      width: 20rem !important;
    }
    .mt-datepicker {
      margin-right: 12px;
    }
  }
  .status {
    &:before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 2px;
      display: inline-block;
      vertical-align: unset;
      margin-right: 8px;
    }
    &.over {
      &:before {
        background: $blue;
      }
    }
    &.inprogress {
      &:before {
        background: $green;
      }
    }
    &.pause {
      &:before {
        background: $yellow;
      }
    }
    &.suspend {
      &:before {
        background: rgba(104, 80, 194, .7);
      }
    }
  }
}
